.list .col-md-3{
    float: left;
}
.list  ul{
    list-style: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #3c87c0;
}
.list h4{
        font-size: 15px;
    font-weight: bolder;
}
.banner{
    height: 500px;
}
.banner1{
    background:url("../img/banner.jpg");
}
.banner2{
    background: url("../img/banner2.jpg");

}
.banner3{
    background: url("../img/banner3.jpg");
    background-size: cover;

}
.card .card-body p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .banner{
        height: 450px;
    }
    .banner1{
        background:url("../img/banner.jpg") center center no-repeat;
        background-size: cover;
    }
    .banner2{
        background: url("../img/banner2.jpg") center center no-repeat;
        background-size: cover;

    }
    .banner3{
        background: url("../img/banner3.jpg") center center no-repeat;
        background-size: cover;

    }
    .bg{
        background: url("../img/banner4.jpg") no-repeat;
    }
}
.bg{
    background: url("../img/banner4.jpg");
}